<!DOCTYPE html>
<html>
<head>
	<title>论坛页面</title>
	<link rel="stylesheet" type="text/css" href="__CSS__/main.css">
</head>
<body style="margin: 0 auto;">
<!-- 导航栏区域 -->
<div id="nav_div">
	<!-- logo -->
	<img id="logo" src="__IMG__/logo.png">
	<!-- 导航 -->
	<ul>
		<li><a href="{:url('index/index')}">首页</a></li>
		<li onmouseover="hide()" onmouseout="Hide()" style="height:60px;">
				<a href="{:url('index/view')}">论坛</a>
			</li>
		<li><a href="#">教程</a></li>
		<li><a href="#">讨论</a></li>
		<li><a href="#">博客</a></li>
		<li style="width: 65px;">
			<a href="#" style="color: #6FB737;">联系我们</a>
		</li>
		<li style="margin-right: 28px;">
			<a href="#" style="color: #43a4e9;">ThinkAPI</a>
		</li>
		<li><a href="{:url('index/logOut')}">注销</a></li>
	</ul>
	<!-- 搜索 -->
	<div>
		<form>
			<div class="wel">
				<p class="welcome">欢迎你：</p>
				<span style="color: #fff;font-size: 13px;margin-top: 26px;margin-right: 10px;">{:session('uNick')}</span>
				<img id="user_head" src="__ME__/{:session('uImg')}" alt="" style="width:26px;height:26px;">
			</div>
		</form>
		<div id="pulldown" onmouseover="pullDown()" onmouseout="pulldown()">
			<img id="user" src="__IMG__/user.png">
			<img id="dropdown" src="__IMG__/dropdown.png">
		</div>
		<!-- 下拉框 -->
		<div id="hide_div" style="display: none;margin-left: 64px !important;margin-top: 6px !important;position: absolute;left: 71%;top: 90%;" onmouseover="pullDown()" onmouseout="pulldown()">
			<div><a href="{:url('user/login')}">登录</a></div>
			<div><a href="{:url('user/reg')}">注册</a></div>
			<div><a href="{:url('index/changePa')}">修改密码</a></div>
			<div><a href="{:url('index/me')}">上传头像</a></div>
		</div>
	</div>

	<!-- 论坛下拉框 -->
	<div id="hide" onmouseover="hide()" onmouseout="Hide()" style="display: none;">
		<div><a href="{:url('index/view')}" class="hide_href" style="padding: 5px 20px 5px 30px;">全部</a></div>
		{volist name="sec" id="secRow"}
		<div><a href="{:url('index/view',['sid'=>$secRow.s_id])}" class="hide_href">{$secRow.s_name}</a></div>
		{/volist}
	</div>
</div>

<!-- 专区区域 -->
<div id="con_up">
	<h2>论堂版块-{$thisSec}</h2>
</div>

<div id="view_on">
	<!-- 左部区域 -->
	<div class="view_con_left">
		<img src="__IMG__/api.png" alt="">
		<div class="left_fir">
			<ul class="ul_fir">
				<li class="fir_class">最新回复</li>
				<li>最新发布</li>
				<li>精品区</li>
			</ul>
			<ul class="ul_sec">
			{volist name="mes" id="mesRow"}
				<li>
					<img src="__ME__/{$mesRow.u_img}" alt="">
					<span class="ul_title">
						<a href="{:url('index/detail',['mid'=>$mesRow.m_id])}">{$mesRow.m_title}</a>
					</span>
					<div>
						<span>
							{$mesRow.u_nick}</span>
						<span>浏览： 16</span>
						<span>评论： 0</span>
						<span style="float:right;">{$mesRow.m_createat|date="Y-m-d H:i:s a"}</span>
					</div>
				</li>
			{/volist}
			</ul>
		</div>
	</div>

	<!-- 右部区域 -->
	<div class="view_on_right">
		<a href="{:url('index/post',['sid'=>input('sid')])}">
			<img src="__IMG__/topic.png" alt="">
		</a>
		<div class="right_share">
			<div>分享到：</div>
			<img src="__IMG__/weibo.png" alt="">
			<img src="__IMG__/txweibo.png" alt="">
		</div>
		<div class="right_yun">
			<img src="__IMG__/yun.jpg" alt="">
		</div>
		<div class="right_update">
			<div style="width: 274px;height: 41px;line-height: 41px;">
				<img src="__IMG__/update.png" alt="">
				<div>热门推荐</div>
			</div>
			<ul class="right_ul">
				<li>
					<img src="__IMG__/fir.png" alt="">
					<div>比RBAC更好的权限认证方式</div>
				</li>
				<li>
					<img src="__IMG__/sec.png" alt="">
					<div>浅谈 PHP 与手机 APP 开发</div>
				</li>
				<li>
					<img src="__IMG__/thi.png" alt="">
					<div>ThinkPHP微信demo实例</div>
				</li>
				<li>
					<img src="__IMG__/fou.png" alt="">
					<div>Nginx下实现pathinfo及ThinkP...</div>
				</li>
				<li>
					<img src="__IMG__/fif.png" alt="">
					<div>ThinkPHP(RBAC)权限管理系统</div>
				</li>
			</ul>
		</div>
		<div class="right_update">
			<div style="width: 274px;height: 41px;line-height:41px;">
				<img src="__IMG__/update.png" alt="">
				<div>最新更新</div>
			</div>
			<ul class="right_ul">
				<li>
					<img src="__IMG__/fir.png" alt="">
					<div>TP6怎么写标签扩展？</div>
				</li>
				<li>
					<img src="__IMG__/sec.png" alt="">
					<div>tp6的session还有一个小BUG</div>
				</li>
				<li>
					<img src="__IMG__/thi.png" alt="">
					<div>控制器之间怎么传递对象？</div>
				</li>
				<li>
					<img src="__IMG__/fou.png" alt="">
					<div>网课系统的码云和github</div>
				</li>
				<li>
					<img src="__IMG__/fif.png" alt="">
					<div>关于tp6使用mongo 问题</div>
				</li>
			</ul>
		</div>
	</div>
</div>

<div id="view_page">{$page|raw}</div>

<!-- 底部区域 -->
<div id="foot_div">
	<div class="foot_in">
		<div>
			<h3>我们</h3>
			<ul>
				<li>关于我们</li>
				<li>联系我们</li>
				<li>捐赠我们</li>
			</ul>
		</div>
		<div>
			<h3>合作</h3>
			<ul>
				<li>友情链接</li>
				<li>广告合作</li>
				<li>合作伙伴</li>
				<li>技术支持</li>
				<li>产品服务</li>
			</ul>
		</div>
		<div>
			<h3>网站</h3>
			<ul>
				<li>服务市场</li>
				<li>扩展插件</li>
				<li>开发资源</li>
				<li>教程资源</li>
			</ul>
		</div>
		<div>
			<h3>信息</h3>
			<ul>
				<li>BUG反馈</li>
				<li>技术讨论</li>
			</ul>
		</div>
		<div class="foot_end" style="margin-left: -5px;padding-right: 15px;">
			<div>
				ThinkPHP 是一个免费开源的，快速、简单的面向对象的 轻量级PHP开发框架 ，创立于2006年初，遵循Apache2开源协议发布，是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，也注重易用性。并且拥有众多的原创功能和特性，在社区团队的积极参与下，在易用性、扩展性和性能方面不断优化和改进，已经成长为国内最领先和最具影响力的WEB应用开发框架，众多的典型案例确保可以稳定用于商业以及门户级的开发。
			</div>
			<div class="foot_address" style="height: 15px!important;">
				沪ICP备12007941号-2
			</div>
			<img id="bottom_logo" src="__IMG__/logo2.png">
		</div>
	</div>
</div>
</body>
</html>
<script type="text/javascript">
// 登录注册下拉框
	// 显示下拉框
	function pullDown(){
		var show_div = document.getElementById('hide_div');
		if (show_div.style.display == 'none') {
			show_div.style.display = 'block';
		}
	}
	// 隐藏下拉框
	function pulldown(){
		var show_div = document.getElementById('hide_div');
		if (show_div.style.display == 'block') {
			show_div.style.display = 'none';
		}
	}
	// 显示论坛下拉框
		function hide(){
			var hide=document.getElementById('hide');
			if (hide.style.display=='none') {
				hide.style.display='block';
			};

		}
		// 隐藏论坛下拉框
		function Hide(){
			var hide=document.getElementById('hide');
			if (hide.style.display=='block') {
				hide.style.display='none';
			};
		}
</script>